//--------------数据回填---------
//只要是修改操作,全都需要数据回填
//数据回填,就是获取到原来的数据,设置输入框的默认地址
function renderUsrt() {
  //获取用户的数据,设置输入框的默认值
  axios.get('/my/user/userinfo').then(res => {
    // console.log(res);
    // let { username, nickname, email } = res.data.data;
    // $('input[name=username]').val(username);
    // $('input[name=nickname]').val(nickname);
    // $('input[name=email]').val(email);


    //console.log(res);
    //使用layui提供的form.val进行数据回填
    let form = layui.form;
    //form.val('表单的 lay-filter 属性值','数据,必须是对象格式,对象的键必须是输入框的name属性') 
    form.val('abc', res.data.data);
  })
}
renderUsrt();


//-------------修改----------
$('form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize();
  console.log(data);

  axios.post('/my/user/userinfo', data).then(res => {
    let { status, message } = res.data;
    if (status === 0) {
      layer.msg(message);
      //更新index.html 页面的name
      //调用父页面的函数,必须满足两个条件
      //1.使用iframe把两个页面联系到一起,形成父子页面的关系
      //2.必须在真实的服务器环境才能使用(必须使用live server打开页面)
      window.parent.getUserInfo();
    }
  })
})



//-----------重置-------
$('button[type=reset]').on('click', function (e) {
  e.preventDefault();
  renderUsrt();
})